<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <script type="text/javascript" src="js/jquery-3.2.1.js"></script>
    <script type="text/javascript" src="js/swiper.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script src="js/i5scroll.js"></script>
</head>
<body>
    <!--头部开始-->
    <div class="header wrap">
        <div class="logo left">
            <a href="index.html">
                <img src="images/logo.png" alt="">
                <div class="top_bt left">
                    <p>茶叶协会官网 </p>
                    <span>www.cha**ui.top</span>
                </div>
            </a>
        </div>
        <ul class="nav left">
            <li>
                <a href="index.html">首页</a>
            </li>
            <li>
                <a href="关于我们.html">关于我们</a>
                <ul class="sub_menu">
                    <li><a href="关于我们.html">公司简介</a></li>
                    <li><a href="关于我们.html">荣誉资质</a></li>
                    <li><a href="关于我们.html">企业文化</a></li>
                    <li><a href="关于我们.html">联系我们</a></li>
                </ul>
            </li>
            <li>
                <a href="产品中心.html" class="active">产品中心</a>
                <ul class="sub_menu">
                    <li><a href="产品中心.html">乌龙茶系列</a></li>
                    <li><a href="产品中心.html">花茶系列</a></li>
                    <li><a href="产品中心.html">普洱系列</a></li>
                    <li><a href="产品中心.html">茶食品系列</a></li>
                    <li><a href="产品中心.html">茶月饼系列</a></li>
                    <li><a href="产品中心.html">茶具系列</a></li>
                </ul>
            </li>
            <li>
                <a href="新闻列表.html">新闻动态</a>
                <ul class="sub_menu">
                    <li><a href="新闻列表.html">公司新闻</a></li>
                    <li><a href="新闻列表.html">行业动态</a></li>
                    <li><a href="新闻列表.html">媒体报告</a></li>
                    <li><a href="新闻列表.html">茶叶知识</a></li>
                </ul>
            </li>
            <li>
                <a href="#">品牌简介</a>
            </li>
            <li>
                <a href="合作交流.html">合作交流</a>
                <ul class="sub_menu">
                    <li><a href="合作交流.html">合作介绍</a></li>
                    <li><a href="合作交流.html">意向提交</a></li>
                    <li><a href="合作交流.html">成功案例</a></li>
                    <li><a href="合作交流.html">信息发布</a></li>
                </ul>
            </li>        
        </ul>
    </div>
    <!--头部结束-->
    
    <!--banner-->
    <div class="n_banner">
        <img src="./images/n_banner.jpg" alt="">
    </div>

    <div class="product">
        <div class="company">
            <div class="title_in">
                <ul class="company_title wrap">
                    <li class="active">乌龙茶系列</li>
                    <li>花茶系列</li>
                    <li>普洱系列</li>
                    <li>茶食品系列</li>
                    <li>茶月饼系列</li>
                    <li>茶具系列</li>
                </ul>
            </div>
            
            
            <div class="details_box wrap">
                <div class="title">
                    <h3>某某铁观音喜获省名优茶银奖</h3>
                    <div class="time_list">
                        <span>来源:某某日报</span>
                        <span>作者:tea-100</span>
                        <span>发布时间: 2014-10-14</span>
                        <span>59 次浏览</span>
                        <span>
                            <div class="bshare-custom">分享到：
                                <a title="分享到QQ空间" class="bshare-qzone"></a>
                                <a title="分享到新浪微博" class="bshare-sinaminiblog"></a>
                                <a title="分享到人人网" class="bshare-renren"></a>
                                <a title="分享到腾讯微博" class="bshare-qqmb"></a>
                                <a title="分享到网易微博" class="bshare-neteasemb"></a>
                                <a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a>
                            </div>
                            <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script>
                            <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
                        </span>
                    </div>
                    <p>此次鉴评活动共收到参评茶样326只，鉴评活动参照农业部名优茶评选评分标准</p>
                </div>
                

                <div class="xqnr">
                    <p>
                        此次鉴评活动共收到参评茶样326只，鉴评活动参照农业部名优茶评选评分标准，采取密码审评的办法分类进行鉴评。同时为保证茶叶产品的质量安全水平，对所有样品除感官审评外，还进行了农残检测。

                        此次评选将进一步提高全省茶叶加工技术与质量卫生安全水平，促进名优茶生产，推动我省茶产业持续健康发展。
                    </p>
                </div>
                
                <div class="paging">
                    <p>上一个：<a href="">紫色玫瑰花茶</a></p>
                    <p>下一个：<a href="">典藏大红袍佳品</a></p>
                </div>

            </div>
            
  
            
        </div>
    </div>

    <div class="footer">
        <div class="f_nav">
            <ul class="wrap">
                <li><a href="">网站首页</a></li>
                <li><a href="">关于我们</a></li>
                <li><a href="">产品中心</a></li>
                <li><a href="">新闻动态</a></li>
                <li><a href="">品牌简介</a></li>
                <li><a href="">合作交流</a></li>
            </ul>
        </div>
        <div class="f_message wrap">
            <div class="m_box1 left">
                <h3>联系我们</h3>
                <p>地址：某某市友谊路258号（百灵·尚品一号B-2-8-2）</p>
                <p>邮编：5**0000　</p>
                <p>电话：400-***-000</p>
                <p>联系人：精品茶叶官方宣传网站</p>
            </div>
            <ul class="m_box2 left">
                <li>
                    <h3>关于我们</h3>
                    <a href="">关于我们</a>
                    <a href="">联系我们</a>
                    <a href="">企业文化</a>
                    <a href="">荣誉资质</a>
                </li>
                <li>
                    <h3>合作交流</h3>
                    <a href="">成功案例</a>
                    <a href="">合作介绍</a>
                    <a href="">信息发布</a>
                    <a href="">意向提交</a>
                </li>
                <li>
                    <h3>产品中心</h3>
                    <a href="">乌龙茶系列</a>
                    <a href="">花茶系列</a>
                    <a href="">普洱系列</a>
                    <a href="">茶食品系列</a>
                </li>
            </ul>
            <div class="rwm right">
                <img src="./images/erweima.png" alt="">
                <p>微信公众号</p>
            </div>
        </div>
        <div class="f_copyright">
            <p class="wrap">
                COPYRIGHT WWW.GZ**.ORG　版权所有：精品茶叶官方宣传网站       ICP备案编号：黔ICP备140***33号-1
            </p>
        </div>
    </div>



    <script>
        var viewSwiper = new Swiper('.view .swiper-container', {
          on:{
            slideChangeTransitionStart: function() {
                updateNavPosition()
              }
          }
        })
        
        $('.view .arrow-left,.preview .arrow-left').on('click', function(e) {
          e.preventDefault()
          if (viewSwiper.activeIndex == 0) {
            viewSwiper.slideTo(viewSwiper.slides.length - 1, 1000);
            return
          }
          viewSwiper.slidePrev()
        })
        $('.view .arrow-right,.preview .arrow-right').on('click', function(e) {
          e.preventDefault()
          if (viewSwiper.activeIndex == viewSwiper.slides.length - 1) {
            viewSwiper.slideTo(0, 1000);
            return
          }
          viewSwiper.slideNext()
        })
        
        var previewSwiper = new Swiper('.preview .swiper-container', {
          //visibilityFullFit: true,
          slidesPerView: 'auto',
          allowTouchMove: false,
          on:{
            tap: function() {
                viewSwiper.slideTo(previewSwiper.clickedIndex)
            }
          }
        })
        
        function updateNavPosition() {
            $('.preview .active-nav').removeClass('active-nav')
            var activeNav = $('.preview .swiper-slide').eq(viewSwiper.activeIndex).addClass('active-nav')
            if (!activeNav.hasClass('swiper-slide-visible')) {
              if (activeNav.index() > previewSwiper.activeIndex) {
                var thumbsPerNav = Math.floor(previewSwiper.width / activeNav.width()) - 1
                previewSwiper.slideTo(activeNav.index() - thumbsPerNav)
              } else {
                previewSwiper.slideTo(activeNav.index())
              }
            }
          }
        </script>

</body>
</html>







